<template>
	<view>
		<view class="cu-card article no-card" >
			<view class="cu-item shadow">
				<view class="content">
					<view class="cu-avatar round xl margin-top" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);" ></view>
					<view class="desc text-xs margin-top-lg">
						<view class="content"> 您现在对高新区第五交警大队警员XXX，警号2334123进行评价，请保证您得到评价客观准确，感谢您的填写！</view>
					</view>
				</view>
			</view>
		</view>
		<view class="action  margin-lr margin-tb">
			<text class="cu text-bold">1.</text>
			<text class="cu ">您对于我的“出警时间、管事率”是否满意？ </text>
			<radio-group class="block" @change="RadioChange">
				<view class="action margin-tb">
					<radio class="blue radio" :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
					<text class="cu margin-left-xl">满意</text>
				</view>
				<view class="action margin-tb">
					<radio class="blue radio" :class="radio=='B'?'checked':''" :checked="radio=='B'?true:false" value="B"></radio>
					<text class="cu margin-left-xl">基本满意</text>
				</view>
				<view class="action margin-tb">
					<radio class="blue radio" :class="radio=='C'?'checked':''" :checked="radio=='C'?true:false" value="C"></radio>
					<text class="cu margin-left-xl">不满意</text>
				</view>
			</radio-group>
		</view>
		
		<view class="action  margin-lr margin-tb">
			<text class="cu text-bold">2.</text>
			<text class="cu ">执法时是否佩戴执法记录仪？  </text>
			<radio-group class="block" @change="RadioChange">
				<view class="action margin-tb">
					<radio class="blue radio" :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
					<text class="cu margin-left-xl">是</text>
				</view>
				<view class="action margin-tb">
					<radio class="blue radio" :class="radio=='B'?'checked':''" :checked="radio=='B'?true:false" value="B"></radio>
					<text class="cu margin-left-xl">否</text>
				</view>
			</radio-group>
		</view>
		
		<view class="action  margin-lr margin-tb">
			<text class="cu text-bold">3.</text>
			<text class="cu ">您对我执法时文明程度的评价打分为</text>
			<view class="action margin-tb">
				<text class="cu ">工作态度</text>
				<uni-rate v-model="value"  @change="onChange"/>
			</view>
			
			<view class="action margin-tb">
				<text class="cu ">沟通技巧</text>
				<uni-rate v-model="value" @change="onChange"/>
			</view>
			<view class="action margin-tb">
				<text class="cu ">肢体行为</text>
				<uni-rate v-model="value" @change="onChange"/>
			</view>
		</view>
		<view class="action  margin-lr margin-tb">
			<text class="cu text-bold">4.</text>
			<text class="cu ">您认为我们在执法的那些方面需要改进</text>
			<view class="cu-form-group" style="background-color: #f9faf9;">
				<textarea maxlength="-1" :disabled="modalName!=null" @input="textareaAInput" placeholder="多行文本输入框"></textarea>
			</view>	
		</view>
		
		<view
			style="width: 100%;display: flex; align-items: center;height: 40rpx; margin-left: 30upx; margin-right: 30upx;">
			<image :src="isChecked ? imgSrc : imgUnSelSrc" style="width: 40rpx;height: 40rpx; ;" @tap="changeCheckType"></image>
			<text style="">实名提交问卷，实名问卷采纳率更高</text>
		</view>
		<!-- <view class="padding flex flex-direction">
			<button class="cu-btn bg-grey lg">提交</button>
		</view> -->
		<view class="padding flex flex-direction padding-lr-xl">
			<button class="cu-btn round lg bg-blue">提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: 1,
				radio: 'A',
				isChecked: false,
				imgSrc: "https://mp-eb08f59e-b635-43fb-81b2-8ff3f5ccee36.cdn.bspapp.com/cloudstorage/a24dc57a-baef-47ef-8ede-ab21dbeaa7b7.png",
				imgUnSelSrc: "https://mp-eb08f59e-b635-43fb-81b2-8ff3f5ccee36.cdn.bspapp.com/cloudstorage/4e34553a-d0f3-474a-b96b-3aee6ef0a338.png",
				modalName:''
			}
		},
		methods: {
			onChange(e) {
						console.log('rate发生改变:' + JSON.stringify(e))
			},
			RadioChange(e) {
				this.radio = e.detail.value
			},
		}
	}
</script>

<style>

</style>
